<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#p1 .c2{
				color: green;
			}
			
			.i2,#ha1[type=password]
			{
				width: 300px;
				height: 40px;
			}
			
		</style>
	</head>
	<body>
		
		<!-- 层次选择器 --><!-- 层级选择器的每个层级的确定可以是标签名 id class -->
		<span class="c1">林润钿</span>
		<p id="p1">
			<font>     <!-- 如果样式那里只是写p span 就算是font里的span也是会变的 -->
				<span class="c2">戴阳</span>
			</font>
			<span>梁桂平</span>
		</p>
		
		<!-- 分组选择器 -->  可以将不同的层级关系 不同class属性 id 标签名同时使用相同的标签效果
		<input class="i1" type="text">
		<input class="i2" type="password">
		<input id="ha" type="password"/>
		<input id="ha1" type="password"/>
		
		
		
	</body>
</html>